<script setup lang="ts">
import zh from 'element-plus/es/locale/lang/zh-cn.mjs'
import { ref, onMounted } from 'vue'
import { useUserStore } from '@/stores'
import { darkTheme } from 'naive-ui'
import type { GlobalTheme } from 'naive-ui'
const useStore = useUserStore()
onMounted(() => {})
</script>

<template>
  <!-- 国际化处理 -->
  <n-config-provider :theme="useStore.theme">
    <el-config-provider :locale="zh">
      <router-view v-slot="{ Component }">
        <transition name="fade-slide" mode="out-in">
          <component :is="Component" />
        </transition>
      </router-view>
    </el-config-provider>
    <n-global-style />
  </n-config-provider>
</template>

<style scoped lang="scss"></style>
